<!DOCTYPE HTML>
<!-- BEGIN html -->
<html lang = "en">
	<!-- BEGIN head -->
	<head>
		<title>Forca | Shortcodes</title>

		<!-- Meta Tags -->
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

		<!-- Favicon -->
		<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />

		<!-- Stylesheets -->
		<link type="text/css" rel="stylesheet" href="css/reset.css" />
		<link type="text/css" rel="stylesheet" href="css/main-stylesheet.css" />
		<link type="text/css" rel="stylesheet" href="css/lightbox.css" />
		<link type="text/css" rel="stylesheet" href="css/shortcode.css" />
		<link type="text/css" rel="stylesheet" href="css/fonts.css" />
		<link type="text/css" rel="stylesheet" href="css/colors.css" />
		<!--[if lte IE 8]>
		<link type="text/css" rel="stylesheet" href="css/ie-ancient.css" />
		<![endif]-->
		<link type="text/css" id="style-responsive" rel="stylesheet" media="screen" href="css/responsive/desktop.css" />

		<!-- Demo Only -->
		<link type="text/css" rel="stylesheet" href="css/demo-settings.css" />

	<!-- END head -->
	</head>

	<!-- BEGIN body -->
	<body>

		<!-- BEGIN .boxed -->
		<div class="boxed">
			
			<!-- BEGIN .header -->
			<div class="header">

				<div class="very-top">
					<!-- BEGIN .wrapper -->
					<div class="wrapper">

						<ul class="left responsivemenu" rel="Top Menu">
							<li><a href="index.html">Homepage</a></li>
							<li><a href="events.html">Events</a></li>
							<li><a href="photo-gallery.html">Photo Gallery</a></li>
							<li><a href="shortcodes.html">Shortcodes</a></li>
							<li><a href="full-width.html">Full Width Page</a></li>
							<li><a href="archive.html">Archive</a></li>
							<li><a href="error-404.html">Error 404</a></li>
							<li><a href="contact.html">Contact Us</a></li>
						</ul>

						<ul class="right">
							<li><a href="#" target="_blank" class="icon-text">&#62214;</a></li>
							<li><a href="#" target="_blank" class="icon-text">&#62217;</a></li>
							<li><a href="#" target="_blank" class="icon-text">&#62220;</a></li>
							<li><a href="#" target="_blank" class="icon-text">&#62223;</a></li>
							<li><a href="#" target="_blank" class="icon-text">&#62226;</a></li>
							<li><a href="#" target="_blank" class="icon-text">&#62235;</a></li>
						</ul>

						<div class="clear-float"></div>

					<!-- END .wrapper -->
					</div>
				</div>
				
				<!-- BEGIN .wrapper -->
				<div class="wrapper">
					
					<div class="logo-image">
						<a href="index.html"><img src="images/logo-header.png" alt="" /></a>
					</div>
					
					<!-- <div class="logo-text">
						<a href="index.html">Forca</a>
					</div> -->

					<div class="banner">
						<a href="#" target="_blank"><img src="images/no-banner728x90.jpg" alt=""></a>
					</div>

					<div class="clear-float"></div>


					<div class="main-menu">
						
						<div class="header-search">
							<form action="blog.html" method="get">
								<input type="text" placeholder="Search.." value="" />
								<input type="submit" value="Search" />
							</form>
						</div>
						
						<ul class="responsivemenu" rel="Main Menu">
							<li><a href="index.html"><span>Homepage<i>Custom Title</i></span></a>
								<ul class="sub-menu">
									<li><a href="category.html">Category View</a></li>
									<li><a href="error-404.html">Error 404 Page</a></li>
								</ul>
							</li>
							<li><a href="blog.html"><span>Blog Page View<i>Another Custom Title</i></span></a>
								<ul class="sub-menu">
									<li><a href="blog-second.html">Second Blog Page Layout</a></li>
									<li><a href="post.html"><span>Opened Post Layout</span></a>
										<ul class="sub-menu">
											<li><a href="post-image.html">Post with large image</a></li>
											<li><a href="post-no-comments.html">Post without comments</a></li>
										</ul>
									</li>
									<li><a href="category.html">Category View</a></li>
									<li><a href="error-404.html">Error 404 Page</a></li>
								</ul>
							</li>
							<li><a href="photo-gallery.html">Photo Gallery<i>Gallery sub-title</i></a></li>
							<li><a href="category.html" style="border-bottom: 4px solid #a31a1a;">Movie News<i>Category red color</i></a></li>
							<li><a href="category.html" style="border-bottom: 4px solid #1a7ba3;"><span>Game News<i>Category blue color</i></span></a>
								<ul class="sub-menu" style="background: #1a7ba3;">
									<li><a href="#">Submenu color test</a></li>
									<li><a href="#"><span>Sub-submenu color test</span></a>
										<ul class="sub-menu" style="background: #1a7ba3;">
											<li><a href="#">First item</a></li>
											<li><a href="#">Second item</a></li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						
					</div>

					<div class="main-menu-second">
						
						<ul class="responsivemenu" rel="Second Menu">
							<li><a href="#">Secondary Menu item</a></li>
							<li><a href="#">Another item</a></li>
							<li><a href="#">Dicunt Pertinacia</a></li>
							<li><a href="#">Numquam Aliquid</a></li>
							<li><a href="#">Assentior</a></li>
						</ul>

					</div>
					
				<!-- END .wrapper -->
				</div>
				
			<!-- END .header -->
			</div>
			
			<!-- BEGIN .content -->
			<div class="content">
				
				<!-- BEGIN .wrapper -->
				<div class="wrapper">
					
					<div class="main-content left">

						<div class="panel-block">
							<div class="panel-title">
								<h2>Theme Shortcodes</h2>
								<div class="right">
									<a href="index.html">Back to homepage</a>
								</div>
							</div>
							<!-- BEGIN .panel-content -->
							<div class="panel-content">
							
								<div class="the-article-content">
									
									<h2>Image With Caption</h2>
									
									<div class="wp-caption aligncenter">
										<a href="images/photos/image-58.jpg" class="hover-img lightbox-photo">
											<img src="images/photos/image-58.jpg" class="size-full" alt="" />
										</a>

										<p class="wp-caption-text">Sea ne regione volumus. Ad nostro nominati patrioque vix, quis facete est ne, eam menandri posidonium cotidieque ex. Ei laudem periculis his. Eum an quidam omnesque oportere.</p>
									</div>

									<p>Cu assum eloquentiam eum, eu per mazim choro cotidieque, te sea unum civibus. Tollit copiosae definitionem no pro, eos minim labores no, mei ei vivendo omnesque. Delenit assentior efficiantur id nam, vis ad aliquid splendide. Cu aliquam urbanitas consetetur pri. At sed facete neglegentur, labitur suavitate gloriatur per ex, at phaedrum recteque mel.</p>

									<div class="spacers spacer-style-1"></div>
									
									<h2>Youtube Preview</h2>
									
									<div class="video-container">
										<iframe src="http://www.youtube.com/embed/6qBwQtTHu4g" frameborder="0" width="820" height="615"></iframe>
									</div>
									
									<p>Lorem ipsum dolor sit amet, voluptua adipiscing scribentur eum ne. Id stet nostrum facilisi eos, eos quem fugit tincidunt no, no nam ullum recusabo. Et elaboraret scribentur est, ei vix nisl soleat argumentum. Est denique abhorreant voluptatum et.</p>
									
									<div class="spacers spacer-style-1"></div>
									
									<h2>Gallery Preview</h2>

									<!-- BEGIN .photo-gallery-widget -->
									<div class="photo-gallery-widget">
										<div class="gallery-images">
											<a href="#left" class="icon-text">&#59229;</a>
											<a href="#right" class="icon-text">&#59230;</a>
											<ul>
												<li><a href="photo-gallery-single.html"><img src="images/photos/image-46.jpg" alt="" /></a></li>
												<li><a href="photo-gallery-single.html"><img src="images/photos/image-47.jpg" alt="" /></a></li>
												<li><a href="photo-gallery-single.html"><img src="images/photos/image-48.jpg" alt="" /></a></li>
												<li><a href="photo-gallery-single.html"><img src="images/photos/image-49.jpg" alt="" /></a></li>
											</ul>
										</div>
										<div class="gallery-content">
											<h3><a href="photo-gallery-single.html">Duo voluptua quaerendum efficiantur nobis mucius postulant cum</a></h3>
											<p>Quo causae omnium ut, ut dicit noluisse cum. Ei eos natum constituam deterruisset, minim probatus mel at. Sea elitr verterem cu, an doctus nominati vis.</p>
										</div>
									<!-- END .photo-gallery-widget -->
									</div>

									<p>Eam tritani omittam id, ius mutat prompta platonem no. Posse quidam nonumes ius cu. Fierent inimicus at nec, ea viris offendit argumentum has, no numquam definiebas has. Eum copiosae consequuntur id, cu error nullam tritani mea.</p>
									
									<div class="spacers spacer-style-1"></div>
									
									<h2>Spacers</h2>

									<div class="spacers spacer-style-1"></div>

									<div class="spacers spacer-style-1"><span class="icon-text">&#10067;</span></div>

									<div class="spacers spacer-style-2"><span class="icon-text">&#128247;</span></div>

									<div class="spacers spacer-style-1" style="background-color: #ca7e11;color:#ca7e11;"><span class="icon-text">&#8505;</span></div>

									<div class="spacers spacer-style-2" style="background-color: #a31a1a;color:#a31a1a;"><!-- <span class="icon-text">&#59159;</span> --></div>

									<p>Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis. Sumo neglegentur sit te, vis ad nulla luptatum principes, cetero comprehensam ad mel. Eu legere insolens incorrupte usu, cum eu deleniti insolens. In eum labore graeco, cu velit nostrud constituto qui.</p>
									
									<div class="spacers spacer-style-1"></div>

									<h2>Quotes</h2>

									<blockquote>His id doctus numquam, vel postulant accommodare cu, id nec prima movet perpetua. No prima mundi incorrupte quo, ut cum lorem vivendo laboramus. Ne dico sint nec, cu aliquid repudiandae ius. Ei sumo saepe pericula nam, facete reprimique ad per. Vis animal eligendi facilisi an, sonet regione nusquam cu est.</blockquote>

									<blockquote class="style-2">His id doctus numquam, vel postulant accommodare cu, id nec prima movet perpetua. No prima mundi incorrupte quo, ut cum lorem vivendo laboramus. Ne dico sint nec, cu aliquid repudiandae ius. Ei sumo saepe pericula nam, facete reprimique ad per. Vis animal eligendi facilisi an, sonet regione nusquam cu est.</blockquote>

									<p>Eam tritani omittam id, ius mutat prompta platonem no. Posse quidam nonumes ius cu. Fierent inimicus at nec, ea viris offendit argumentum has, no numquam definiebas has. Eum copiosae consequuntur id, cu error nullam tritani mea.</p>
									
									<div class="spacers spacer-style-1"></div>
									
									<h2>Unordered and Ordered Lists</h2>

									<div class="paragraph-row">
										<div class="column6">
											<h3>Unordered List</h3>
											<ul>
												<li>Te wisi reque sit primis consulatu et vel ex dico verterem viris praesent eam dignissim scripserit</li>
												<li class="styled"><span class="icon-text">&#59176;</span>Ad salutatus voluptatum quo ea est zril oratio copiosaete</li>
												<li class="styled"><span class="icon-text">&#59272;</span>Vim ei quod labores sapientem vel quis aeterno</li>
												<li class="styled"><span class="icon-text">&#9734;</span>His doctus numquam postulant accommodare mundi</li>
												<li class="styled"><span class="icon-text">&#128247;</span>Vis animal eligendi facilisi an sonet regione nusquam</li>
											</ul>
										</div>
										<div class="column6">
											<h3>Ordered List</h3>
											<ol>
												<li>Te wisi reque sit primis consulatu et vel ex dico verterem viris praesent eam dignissim scripserit</li>
												<li>Ad salutatus voluptatum quo ea est zril oratio copiosaete</li>
												<li>Vim ei quod labores sapientem vel quis aeterno</li>
												<li>His doctus numquam postulant accommodare mundi</li>
												<li>Vis animal eligendi facilisi an sonet regione nusquam</li>
											</ol>
										</div>
									</div>

									<p>Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis. Sumo neglegentur sit te, vis ad nulla luptatum principes, cetero comprehensam ad mel. Eu legere insolens incorrupte usu, cum eu deleniti insolens. In eum labore graeco, cu velit nostrud constituto qui.</p>

									<div class="spacers spacer-style-1"></div>
									
									<h2>Theme Buttons</h2>

									<a href="#" class="styled-button">Simple Red Button</a>
									<a href="#" class="styled-button" style="background-color:#1e6a8d;">Another Blue Button</a>
									<a href="#" class="styled-button" style="background-color:#709118;">Green Button</a>
									<a href="#" class="styled-button" style="background-color:#b86317;"><span class="icon-text">&#59194;</span>Orange Button With Icon</a>
									<a href="#" class="styled-button" style="background-color:#762ea4;"><span class="icon-text">&#127908;</span>Button With Any Color &amp; Any Icon</a>

									<p>Eam tritani omittam id, ius mutat prompta platonem no. Posse quidam nonumes ius cu. Fierent inimicus at nec, ea viris offendit argumentum has, no numquam definiebas has. Eum copiosae consequuntur id, cu error nullam tritani mea.</p>

									<div class="spacers spacer-style-1"></div>
									
									<h2>Tabbed Blocks</h2>

									<div class="tabs">
										<ul>
											<li><a href="#">First Tab Active</a></li>
											<li><a href="#">The Second &amp; a Bit Longer Tab</a></li>
											<li><a href="#">The Third One</a></li>
										</ul>
										<div>
											<h3>Prima mundi incorrupte vivendo laboramus</h3>
											<p>Quo causae omnium ut, ut dicit noluisse cum. Ei eos natum constituam deterruisset, minim probatus mel at. Sea elitr verterem cu, an doctus nominati vis. His id doctus numquam, vel postulant accommodare cu, id nec prima movet perpetua.</p>
										</div>
										<div>
											<h3>Quo quem dicta ad, evertitur disputationi ad nec. Ea sea stet intellegam, duo quando timeam scripta ea</h3>
											<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, nobis, necessitatibus, et accusamus officia eum voluptatem delectus provident dolor laborum illum id at. Iure tenetur voluptates hic deserunt possimus ipsam.</p>
										</div>
										<div>
											<h3>Officiis inciderint ne vim, id ceteros eleifend electram vix. His eu tempor alterum</h3>
											<p>Reiciendis, pariatur, voluptatum dicta amet ab nobis quod laboriosam ullam eius cumque neque excepturi optio magnam laborum commodi eum expedita. Cumque earum illo vitae ducimus sint excepturi dicta culpa ad!</p>
										</div>
									</div>

									<p>Putant causae platonem at eum, duo ex facilis invenire. Ea unum forensibus sit, ea qui odio novum. Ne eum malorum inciderint. Case percipit dissentias vim ut.</p>

									<div class="spacers spacer-style-1"></div>
									
									<h2>Accordion Blocks</h2>

									<div class="accordion">
										<div>
											<a href="#">Sea elitr verterem doctus nominati doctus numquam postulant accommodare</a>
											<div>
												<h3>Prima mundi incorrupte vivendo laboramus</h3>
												<p>Quo causae omnium ut, ut dicit noluisse cum. Ei eos natum constituam deterruisset, minim probatus mel at. Sea elitr verterem cu, an doctus nominati vis. His id doctus numquam, vel postulant accommodare cu, id nec prima movet perpetua.</p>
											</div>
										</div>
										<div>
											<a href="#">Ei eos natum constituam deterruisset minim probatus mel at</a>
											<div>
												<h3>Prima mundi incorrupte vivendo laboramus</h3>
												<p>Quo causae omnium ut, ut dicit noluisse cum. Ei eos natum constituam deterruisset, minim probatus mel at. Sea elitr verterem cu, an doctus nominati vis. His id doctus numquam, vel postulant accommodare cu, id nec prima movet perpetua.</p>
											</div>
										</div>
										<div>
											<a href="#">Unum probo solum eum ei, natum deserunt mel ex, per minim aliquid at</a>
											<div>
												<h3>Prima mundi incorrupte vivendo laboramus</h3>
												<p>Quo causae omnium ut, ut dicit noluisse cum. Ei eos natum constituam deterruisset, minim probatus mel at. Sea elitr verterem cu, an doctus nominati vis. His id doctus numquam, vel postulant accommodare cu, id nec prima movet perpetua.</p>
											</div>
										</div>
									</div>

									<p>Putant causae platonem at eum, duo ex facilis invenire. Ea unum forensibus sit, ea qui odio novum. Ne eum malorum inciderint. Case percipit dissentias vim ut.</p>

									<div class="spacers spacer-style-1"></div>
									
									<h2>Social Icons</h2>

									<a href="#" target="_blank" class="social-icon">
										<span class="icon-text">&#62211;</span>
										<b>Flickr</b>
										<i>Follow us</i>
									</a>

									<a href="#" target="_blank" class="social-icon">
										<span class="icon-text">&#62214;</span>
										<b>Vimeo</b>
										<i>Like us</i>
									</a>

									<a href="#" target="_blank" class="social-icon">
										<span class="icon-text">&#62217;</span>
										<b>Twitter</b>
										<i>Follow us</i>
									</a>

									<a href="#" target="_blank" class="social-icon">
										<span class="icon-text">&#62220;</span>
										<b>Facebook</b>
										<i>Like Page</i>
									</a>

									<a href="#" target="_blank" class="social-icon">
										<span class="icon-text">&#62223;</span>
										<b>Google+</b>
										<i>Follow us</i>
									</a>

									<a href="#" target="_blank" class="social-icon">
										<span class="icon-text">&#62226;</span>
										<b>Pinterest</b>
										<i>Follow us</i>
									</a>

									<a href="#" target="_blank" class="social-icon">
										<span class="icon-text">&#62229;</span>
										<b>Tumblr</b>
										<i>Follow us</i>
									</a>

									<a href="#" target="_blank" class="social-icon">
										<span class="icon-text">&#62232;</span>
										<b>LinkedIn</b>
										<i>Follow us</i>
									</a>

									<a href="#" target="_blank" class="social-icon">
										<span class="icon-text">&#62235;</span>
										<b>Dribbble</b>
										<i>Follow us</i>
									</a>

									<a href="#" target="_blank" class="social-icon">
										<span class="icon-text">&#62238;</span>
										<b>StumbleUpon</b>
										<i>Follow us</i>
									</a>

									<a href="#" target="_blank" class="social-icon">
										<span class="icon-text">&#62241;</span>
										<b>Lastfm</b>
										<i>Follow us</i>
									</a>

									<a href="#" target="_blank" class="social-icon">
										<span class="icon-text">&#62244;</span>
										<b>Rdio</b>
										<i>Follow us</i>
									</a>

									<a href="#" target="_blank" class="social-icon">
										<span class="icon-text">&#62247;</span>
										<b>Spotify</b>
										<i>Follow us</i>
									</a>

									<a href="#" target="_blank" class="social-icon">
										<span class="icon-text">&#62253;</span>
										<b>Instagram</b>
										<i>Follow us</i>
									</a>

									<a href="#" target="_blank" class="social-icon">
										<span class="icon-text">&#62280;</span>
										<b>Soundcloud</b>
										<i>Follow us</i>
									</a>

									<a href="#" target="_blank" class="social-icon">
										<span class="icon-text">&#62286;</span>
										<b>Bēhance</b>
										<i>Follow us</i>
									</a>

									<p>Cu assum eloquentiam eum, eu per mazim choro cotidieque, te sea unum civibus. Tollit copiosae definitionem no pro, eos minim labores no, mei ei vivendo omnesque. Delenit assentior efficiantur id nam, vis ad aliquid splendide. Cu aliquam urbanitas consetetur pri. At sed facete neglegentur, labitur suavitate gloriatur per ex, at phaedrum recteque mel.</p>

									<div class="spacers spacer-style-1"></div>
									
									<h2>Text Markers</h2>

									<p>Quo causae omnium ut, ut dicit noluisse cum. Ei eos <span class="marker">highlights important text</span> deterruisset, minim probatus mel at. Sea elitr verterem cu, an doctus nominati vis. His id doctus numquam, vel postulant accommodare cu, id nec prima movet perpetua.</p>

									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum veritatis laboriosam tempora atque <span class="marker" style="background-color:#7e9d29;">any color you like</span> officia dolores. Magnam, praesentium, ullam, optio vel dicta ipsum accusantium voluptas at odio modi alias.</p>

									<div class="spacers spacer-style-1"></div>
									
									<h2>Alert Messages</h2>
									
									<div class="alert-msg" style="background-color: #67a31a;">
										<span class="icon-text">&#59159;</span>
										<div>Any background color for alert message as well as any icon for it</div>
										<a href="#"><img src="images/alert-close.png" alt="" /></a>
									</div>
									
									<div class="alert-msg">
										<span class="icon-text">&#10067;</span>
										<div>Delenit assentior efficiantur id nam vis ad aliquid splendide cu aliquam urbanitas consetetur pri</div>
										<a href="#"><img src="images/alert-close.png" alt="" /></a>
									</div>
									
									<div class="alert-msg" style="background-color: #a31a1a;">
										<span class="icon-text">&#9888;</span>
										<div>Sea elitr verterem doctus nominati doctus numquam postulant accommodare</div>
										<a href="#"><img src="images/alert-close.png" alt="" /></a>
									</div>

									<p>Putant causae platonem at eum, duo ex facilis invenire. Ea unum forensibus sit, ea qui odio novum. Ne eum malorum inciderint. Case percipit dissentias vim ut.</p>

									<div class="spacers spacer-style-1"></div>
									
									<h2>Toggles</h2>

									<div class="accordion">
										<div class="active">
											<a href="#">Ei eos natum constituam deterruisset minim probatus mel at</a>
											<div>
												<h3>Already opened toggle on page load</h3>
												<p>Quo causae omnium ut, ut dicit noluisse cum. Ei eos natum constituam deterruisset, minim probatus mel at. Sea elitr verterem cu, an doctus nominati vis. His id doctus numquam, vel postulant accommodare cu, id nec prima movet perpetua.</p>
												<a href="#" class="styled-button" style="background-color:#b86317;"><span class="icon-text">&#59194;</span>Subscribe our RSS Feed</a>
												<a href="#" class="styled-button" style="background-color:#709118;"><span class="icon-text">&#127748;</span>May aswell do some other stuff here</a>
											</div>
										</div>
									</div>

									<p>Putant causae platonem at eum, duo ex facilis invenire. Ea unum forensibus sit, ea qui odio novum. Ne eum malorum inciderint. Case percipit dissentias vim ut.</p>

									<div class="accordion">
										<div>
											<a href="#">Unum probo solum eum ei, natum deserunt mel ex, per minim aliquid at</a>
											<div>
												<h3>Prima mundi incorrupte vivendo laboramus</h3>
												<p>Quo causae omnium ut, ut dicit noluisse cum. Ei eos natum constituam deterruisset, minim probatus mel at. Sea elitr verterem cu, an doctus nominati vis. His id doctus numquam, vel postulant accommodare cu, id nec prima movet perpetua.</p>
											</div>
										</div>
									</div>

									<p>Putant causae platonem at eum, duo ex facilis invenire. Ea unum forensibus sit, ea qui odio novum. Ne eum malorum inciderint. Case percipit dissentias vim ut.</p>

									<div class="spacers spacer-style-1"></div>

									<h2>Paragraph Columns</h2>
									
									<div class="paragraph-row">
										<div class="column6">
											<h3>One Half</h3>
											<p>Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.</p>
										</div>
										<div class="column6">
											<h3>One Half</h3>
											<p>Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.</p>
										</div>
									</div>

									<div class="paragraph-row">
										<div class="column4">
											<h3>One Third</h3>
											<p>Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.</p>
										</div>
										<div class="column4">
											<h3>One Third</h3>
											<p>Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.</p>
										</div>
										<div class="column4">
											<h3>One Third</h3>
											<p>Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.</p>
										</div>
									</div>

									<div class="paragraph-row">
										<div class="column8">
											<h3>Two Thirds</h3>
											<p>Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis. Sumo neglegentur sit te, vis ad nulla luptatum principes, cetero comprehensam ad mel. Eu legere insolens incorrupte usu, cum eu deleniti insolens. In eum labore graeco, cu velit nostrud constituto qui.</p>
										</div>
										<div class="column4">
											<h3>One Third</h3>
											<p>Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.</p>
										</div>
									</div>

									<div class="paragraph-row">
										<div class="column3">
											<h3>One Quarter</h3>
											<p>Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.</p>
										</div>
										<div class="column3">
											<h3>One Quarter</h3>
											<p>Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.</p>
										</div>
										<div class="column3">
											<h3>One Quarter</h3>
											<p>Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.</p>
										</div>
										<div class="column3">
											<h3>One Quarter</h3>
											<p>Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.</p>
										</div>
									</div>

									<div class="paragraph-row">
										<div class="column9">
											<h3>Three Quarters</h3>
											<p>Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis. Eu legere insolens incorrupte usu, cum eu deleniti insolens. In eum labore graeco, cu velit nostrud constituto qui. Eu legere insolens incorrupte usu, cum eu deleniti insolens. In eum labore graeco, cu velit nostrud constituto qui.</p>
										</div>
										<div class="column3">
											<h3>One Quarter</h3>
											<p>Maiorum definiebas no per. Illud vulputate mediocritatem pro et. Id vim fuisset partiendo, est ubique deseruisse ad, id vel illum error inermis.</p>
										</div>
									</div>

									<div class="spacers spacer-style-1"></div>
									
									<!-- <h1>Heading h1</h1> -->
									<h2>Heading h2</h2>
									<h3>Heading h3</h3>
									<h4>Heading h4</h4>
									<h5>Heading h5</h5>
									<h6>Heading h6</h6>
									
								</div>

							<!-- END .panel-content -->
							</div>
						</div>
						
					</div>

					<div class="sidebar-content right">

						<!-- BEGIN .panel-block -->
						<div class="panel-block">
							<div class="panel-title">
								<h2>Socialize</h2>
							</div>
							<div class="panel-content">
								
								<!-- BEGIN .socialize-panel -->
								<div class="socialize-panel">
									<div>
										<div class="social-like">
											<a href="#"><span>2.6k</span><i style="background: #3c5d9b;">Facebook</i></a>
											<a href="#"><span>974</span><i style="background: #3396c9;">Twitter</i></a>
											<a href="#"><span>403</span><i style="background: #a73f2e;">Google+</i></a>
											<a href="#"><span>832</span><i style="background: #c87924;">RSS Feed</i></a>
										</div>
									</div>
									<p>Pri ne audire civibus tacimates, enim placerat no sit. Id eum labore propriae, ea prodesset intellegam est, justo recusabo pri an. Scaevola perpetua corrumpit his ad.</p>
								<!-- END .socialize-panel -->
								</div>

							</div>
						<!-- END .panel-block -->
						</div>

						<!-- BEGIN .panel-block -->
						<div class="panel-block">
							<div class="wide-banner">
								<a href="#" target="_blank"><img src="images/no-banner300x250.jpg" alt="" /></a>
								<div class="banner-button">
									<a href="contact.html"><span class="icon-text">&#59190;</span>Advertisement Space</a>
								</div>
							</div>
						<!-- END .panel-block -->
						</div>

						<div class="split-panel">
							
							<div class="left">
								
								<!-- BEGIN .panel-block -->
								<div class="panel-block">
									<div class="panel-title">
										<h2>Recent News</h2>
									</div>
									<div class="panel-content">
										
										<!-- BEGIN .article-big -->
										<div class="article-big">
											<div class="article-header">
												<a href="post.html" class="img-hover-image"><img src="images/photos/image-39.jpg" alt="" /></a>
											</div>
											<div class="article-content">
												<h3><a href="post.html">Dico splendide eos inulla detrit ferri interesset</a><a href="post.html#comments" class="comment-link">(23)</a></h3>
												<div class="stars-block"><div class="star-overlay"></div><div class="star-inline" style="width: 100%;"></div></div>
												<span class="article-date">24 July 2013, 13:00</span>
												<p>Vix et exerci alienum, in cum primis ponderum ior ea sea assueverit philosophia. Eam eu offendit deserunt. Id integre csulatu eum. Commodo deseruiss quaerendum in mea...</p>
											</div>
											<div class="article-footer">
												<a href="blog.html" class="left">by Orange-Themes</a>
												<a href="post.html" class="right">Read More</a>
												<div class="clear-float"></div>
											</div>
										<!-- END .article-big -->
										</div>
										
										<!-- BEGIN .article-big -->
										<div class="article-big">
											<div class="article-header">
												<a href="post.html" class="img-hover-image"><img src="images/photos/image-40.jpg" alt="" /></a>
											</div>
											<div class="article-content">
												<h3><a href="post.html">Dico splendide eos inulla detrit ferri interesset</a><a href="post.html#comments" class="comment-link">(23)</a></h3>
												<div class="stars-block"><div class="star-overlay"></div><div class="star-inline" style="width: 100%;"></div></div>
												<span class="article-date">24 July 2013, 13:00</span>
												<p>Vix et exerci alienum, in cum primis ponderum ior ea sea assueverit philosophia. Eam eu offendit deserunt. Id integre csulatu eum. Commodo deseruiss quaerendum in mea...</p>
											</div>
											<div class="article-footer">
												<a href="blog.html" class="left">by Orange-Themes</a>
												<a href="post.html" class="right">Read More</a>
												<div class="clear-float"></div>
											</div>
										<!-- END .article-big -->
										</div>
										
									</div>
								<!-- END .panel-block -->
								</div>

							</div>

							<div class="right">
								
								<!-- BEGIN .panel-block -->
								<div class="panel-block">
									<div class="panel-title">
										<h2>Recent Comments</h2>
									</div>
									<div class="panel-content">
										
										<!-- BEGIN .comment-item -->
										<div class="comment-item">
											
											<div class="comment-header">
												<a href="#" class="comment-avatar"><img src="images/photos/image-41.jpg" alt="" /></a>
												<div class="comment-info">
													<h3><a href="#">Orange-Themes</a></h3>
													<div class="date">24 July 2013</div>
												</div>
											</div>
											<div class="comment-content">
												<p>Nominavi detraxit te eos, diceret corrumpit efficiendi in qui, mea ne altera copiosae complectitur. Mel te wisi fugit alterum, mei et...</p>
											</div>
											<div class="comment-footer">
												<a href="post.html#comments">Read article</a>
											</div>

										<!-- END .comment-item -->
										</div>
										
										<!-- BEGIN .comment-item -->
										<div class="comment-item">
											
											<div class="comment-header">
												<a href="#" class="comment-avatar"><img src="images/photos/image-42.jpg" alt="" /></a>
												<div class="comment-info">
													<h3><a href="#">Aemilius Ricardo</a></h3>
													<div class="date">24 July 2013</div>
												</div>
											</div>
											<div class="comment-content">
												<p>Nominavi detraxit te eos, diceret corrumpit efficiendi in qui, mea ne altera copiosae complectitur. Mel te wisi fugit alterum, mei et...</p>
											</div>
											<div class="comment-footer">
												<a href="post.html#comments">Read article</a>
											</div>

										<!-- END .comment-item -->
										</div>
										
										<!-- BEGIN .comment-item -->
										<div class="comment-item">
											
											<div class="comment-header">
												<a href="#" class="comment-avatar"><img src="images/photos/image-43.jpg" alt="" /></a>
												<div class="comment-info">
													<h3><a href="#">Theodor Ganesh</a></h3>
													<div class="date">24 July 2013</div>
												</div>
											</div>
											<div class="comment-content">
												<p>Nominavi detraxit te eos, diceret corrumpit efficiendi in qui, mea ne altera copiosae complectitur. Mel te wisi fugit alterum, mei et...</p>
											</div>
											<div class="comment-footer">
												<a href="post.html#comments">Read article</a>
											</div>

										<!-- END .comment-item -->
										</div>

									</div>
								<!-- END .panel-block -->
								</div>
								
								<!-- BEGIN .panel-block -->
								<div class="panel-block">
									<div class="panel-title">
										<h2>Categories</h2>
									</div>
									<div class="panel-content">
										
										<!-- BEGIN .category-panel -->
										<div class="category-panel">
											<ul>
												<li><a href="category.html" data-hovercolor="#176daf">Games<span>(190)</span></a></li>
												<li><a href="category.html" data-hovercolor="#a31a1a">Movies<span>(202)</span></a></li>
												<li><a href="category.html" data-hovercolor="#25823b">Music<span>(430)</span></a></li>
												<li><a href="category.html" data-hovercolor="#ca7e11">Technology<span>(172)</span></a></li>
											</ul>
										<!-- END .category-panel -->
										</div>

									</div>
								<!-- END .panel-block -->
								</div>

							</div>

							<div class="clear-float"></div>

						</div>

						<!-- BEGIN .panel-block -->
						<div class="panel-block">
							<div class="panel-title">
								<h2>Newest Photo Galleries</h2>
								<div class="right">
									<a href="photo-gallery.html">View all galleries</a>
								</div>
							</div>
							<div class="panel-content">
								
								<!-- BEGIN .photo-gallery-widget -->
								<div class="photo-gallery-widget">
									<div class="gallery-images">
										<a href="#left" class="icon-text">&#59229;</a>
										<a href="#right" class="icon-text">&#59230;</a>
										<ul>
											<li><a href="photo-gallery-single.html"><img src="images/photos/image-46.jpg" alt="" /></a></li>
											<li><a href="photo-gallery-single.html"><img src="images/photos/image-47.jpg" alt="" /></a></li>
											<li><a href="photo-gallery-single.html"><img src="images/photos/image-48.jpg" alt="" /></a></li>
											<li><a href="photo-gallery-single.html"><img src="images/photos/image-49.jpg" alt="" /></a></li>
										</ul>
									</div>
									<div class="gallery-content">
										<h3><a href="photo-gallery-single.html">Duo voluptua quaerendum efficiantur nobis mucius postulant cum</a></h3>
										<p>Quo causae omnium ut, ut dicit noluisse cum. Ei eos natum constituam deterruisset, minim probatus mel at. Sea elitr verterem cu, an doctus nominati vis.</p>
									</div>
								<!-- END .photo-gallery-widget -->
								</div>
								
								<!-- BEGIN .photo-gallery-widget -->
								<div class="photo-gallery-widget">
									<div class="gallery-images">
										<a href="#left" class="icon-text">&#59229;</a>
										<a href="#right" class="icon-text">&#59230;</a>
										<ul>
											<li><a href="photo-gallery-single.html"><img src="images/photos/image-48.jpg" alt="" /></a></li>
											<li><a href="photo-gallery-single.html"><img src="images/photos/image-49.jpg" alt="" /></a></li>
										</ul>
									</div>
									<div class="gallery-content">
										<h3><a href="photo-gallery-single.html">Duo voluptua quaerendum efficiantur nobis mucius postulant cum</a></h3>
										<p>Quo causae omnium ut, ut dicit noluisse cum. Ei eos natum constituam deterruisset, minim probatus mel at. Sea elitr verterem cu, an doctus nominati vis.</p>
									</div>
								<!-- END .photo-gallery-widget -->
								</div>

							</div>
						<!-- END .panel-block -->
						</div>


						<!-- BEGIN .panel-block -->
						<div class="panel-block">
							<div class="panel-title">
								<h2>Subscribe Newsletter</h2>
							</div>
							<div class="panel-content">
								
								<div class="subscribe-form">

									<!-- <div class="info-message success">
										<span class="icon-text">&#10003;</span>
										<b>Great Success !</b>
										<p>Et per reque nostrud, sed eu error no eros modus</p>
										<div class="clear-float"></div>
									</div> -->

									<div class="info-message error">
										<span class="icon-text">&#9888;</span>
										<b>An Error Occurred</b>
										<p>Et per reque nostrud, sed eu error no eros graeci</p>
										<div class="clear-float"></div>
									</div>

									<!-- <div class="info-message alert-stripes">
										<span class="icon-text">&#59141;</span>
										<b>For Your information</b>
										<p>Your contact details will not be shared with anyone</p>
										<div class="clear-float"></div>
									</div> -->

									<form action="#">
										<p class="sub-nickname">
											<input type="text" class="sub_nickname" value="" placeholder="Nickname" />
										</p>
										<p class="sub-nickname">
											<input type="text" class="sub_email" value="" placeholder="E-mail" address"" />
										</p>
										<p class="sub-button">
											<button class="styled-button" type="submit">Subscribe Newsletter</button>
										</p>
									</form>
								</div>
								<div class="subscribe-footer">
									
									<p>By subscribing You will recieve out latest news. Your information is safe with us and it will not be shared with anyone.</p>

								</div>

							</div>
						<!-- END .panel-block -->
						</div>

						<!-- BEGIN .panel-block -->
						<div class="panel-block">
							<div class="panel-title">
								<h2>Tagcloud</h2>
							</div>
							<div class="panel-content">
								
								<div id="tagcloud">
									
									<a href="#">Voluptatum et</a>
									<a href="#">Elaboraret scribentur</a>
									<a href="#">Mediocritatem</a>
									<a href="#">Nostrud accusam</a>
									<a href="#">Tation luptatum</a>
									
								</div>

							</div>
						<!-- END .panel-block -->
						</div>

						<!-- BEGIN .panel-block -->
						<div class="panel-block">
							<div class="panel-title">
								<h2>Tagcloud</h2>
							</div>
							<div class="panel-content">
								

								<div id="calendar_wrap">
									<table id="wp-calendar">
										<caption>January 2013</caption>
										<thead>
											<tr>
												<th scope="col" title="Monday">M</th>
												<th scope="col" title="Tuesday">T</th>
												<th scope="col" title="Wednesday">W</th>
												<th scope="col" title="Thursday">T</th>
												<th scope="col" title="Friday">F</th>
												<th scope="col" title="Saturday">S</th>
												<th scope="col" title="Sunday">S</th>
											</tr>
										</thead>

										<tfoot>
											<tr>
												<td colspan="3" id="prev" class="pad">&nbsp;</td>
												<td class="pad">&nbsp;</td>
												<td colspan="3" id="next" class="pad">&nbsp;</td>
											</tr>
										</tfoot>

										<tbody>
											<tr>
											<td colspan="1" class="pad">&nbsp;</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td>
											</tr>
											<tr>
											<td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td>
											</tr>
											<tr>
											<td><a href="#" title="">14</a></td><td>15</td><td>16</td><td>17</td><td><a href="#" title="">18</a></td><td>19</td><td>20</td>
											</tr>
											<tr>
											<td>21</td><td>22</td><td>23</td><td><a href="#" title="">24</a></td><td><a href="#" title="#">25</a></td><td>26</td><td>27</td>
											</tr>
											<tr>
												<td>28</td><td id="today">29</td><td>30</td><td>31</td>
												<td class="pad" colspan="3">&nbsp;</td>
											</tr>
										</tbody>
									</table>
								</div>


							</div>
						<!-- END .panel-block -->
						</div>


					</div>

					<div class="clear-float"></div>
					
				<!-- END .wrapper -->
				</div>
				
			<!-- BEGIN .content -->
			</div>
			
			<!-- BEGIN .footer -->
			<div class="footer">
				
				<!-- BEGIN .wrapper -->
				<div class="wrapper">
					
					<div class="footer-explore">

						<div class="right">
							<p>This can be used to put some text or in fact a <a href="#">link</a> You so well desire</p>
						</div>
						
						<h2>Explore Forca</h2>

						<div class="breaking-line"></div>

						<div class="explore-zone">

							<div class="explore-block">
								<h3>More Orange-Themes</h3>
								<ul>
									<li><a href="index.html">Forca / Dark Magazine</a></li>
									<li><a href="http://grandis.orange-themes.com" target="_blank">Grandis / Portfolio &amp; Blog</a></li>
									<li><a href="#" target="_blank">Legatus / News &amp; Magazine</a></li>
									<li><a href="#" target="_blank">Reganto / Massive Magazine</a></li>
									<li><a href="#" target="_blank">Sportimo / Sport &amp; Events Magazine</a></li>
									<li><a href="#" target="_blank">Piccione / News &amp; Magazine</a></li>
									<li><a href="#" target="_blank">Bulteno / News &amp; Magazine</a></li>
									<li><a href="#" target="_blank">Orange-Themes website</a></li>
								</ul>
							</div>

							<div class="explore-block">
								<h3>Postulant reprehendunt</h3>
								<ul>
									<li><a href="#">Fastidii accumsan no sit no ius</a></li>
									<li><a href="#">Regione tamquam virtute</a></li>
									<li><a href="#">No mei virtute consetetur audiam</a></li>
									<li><a href="#">Contentiones vel molestiae elaboraret</a></li>
								</ul>

								<h3>Quaeque appellantur</h3>
								<ul>
									<li><a href="#">Usu prima intellegebat id mei an</a></li>
									<li><a href="#">Paulo necessitatibus</a></li>
								</ul>
							</div>

							<div class="explore-block">
								<h3>Novum legere impedit ipsums</h3>
								<ul>
									<li><a href="#">Autem iusto oblique ancillae</a></li>
									<li><a href="#">Offendit est phaedrum referrentur</a></li>
									<li><a href="#">Id nonumy scripta prompta</a></li>
									<li><a href="#">Vocent singulis reprehendunt</a></li>
									<li><a href="#">No vocent discere, tota impedit</a></li>
									<li><a href="#">Duo decore tamquam teusu erant</a></li>
									<li><a href="#">Numquam euismod iudicabit</a></li>
									<li><a href="#">Disputationi ne per</a></li>
								</ul>
							</div>

							<div class="explore-block">
								<h3>Quaeque appellantur</h3>
								<ul>
									<li><a href="#">Usu prima intellegebat id mei an</a></li>
									<li><a href="#">Paulo necessitatibus</a></li>
								</ul>

								<h3>Postulant reprehendunt</h3>
								<ul>
									<li><a href="#">Fastidii accumsan no sit no ius</a></li>
									<li><a href="#">Regione tamquam virtute</a></li>
									<li><a href="#">No mei virtute consetetur audiam</a></li>
									<li><a href="#">Contentiones vel molestiae elaboraret</a></li>
								</ul>
							</div>

						</div>

					</div>
					
				<!-- END .wrapper -->
				</div>
				
				<!-- BEGIN .copyright-info -->
				<div class="copyright-info">

					<!-- BEGIN .wrapper -->
					<div class="wrapper">

						<ul class="right">
							<li><a href="index.html">Homepage</a></li>
							<li><a href="events.html">Events</a></li>
							<li><a href="photo-gallery.html">Photo Gallery</a></li>
							<li><a href="shortcodes.html">Shortcodes</a></li>
							<li><a href="archive.html">Archive</a></li>
							<li><a href="contact.html">Contact Us</a></li>
						</ul>

						<div class="footer-logo-image">
							<a href="index.html"><img src="images/logo-footer.png" alt="" /></a>
						</div>
						
						<!-- <div class="footer-logo-text">
							<a href="index.html">Forca</a>
						</div> -->
						
						<p><b>Copyright © Forca 2013 All Rights Reserved.</b><br/>Designed by <a href="http://orange-themes.com" target="_blank">Orange-Themes.com</a></p>
						
					<!-- END .wrapper -->
					</div>

				<!-- END .copyright-info -->
				</div>
				
			<!-- END .footer -->
			</div>
			
		<!-- END .boxed -->
		</div>

		<!-- Scripts -->
		<script type="text/javascript" src="jscript/jquery-latest.min.js"></script>
		<script type="text/javascript" src="jscript/orange-themes-responsive.js"></script>
		<script type="text/javascript" src="jscript/theme-scripts.js"></script>
		<script type="text/javascript" src="jscript/lightbox.js"></script>
		<script type="text/javascript" src="jscript/demo-settings.js"></script>

	<!-- END body -->
	</body>
<!-- END html -->
</html>